آموزش تگ iframe در Html
آموزش تگ iframe در Html
از تگ iframe برای نمایش یک صفحه وب در صفحه ی کنونی که در مقابل شما قرار دارد استفاده می شود.
تگ iframe را توسط css استایل دهی می کنیم و بسیاری از خصوصاتی که در نسخه های قدیمی تر استفاده می شده است در Html5 دیگر کاربردی ندارد ولی ما در اینجا در جدول مورد نظر به آن ها نیز اشاره کرده ایم. (طراحی سایت , سئو سایت , طراحی سایت )
اگر می خواهید برای افرادی که از مروگرهای دیگری استفاده می کنند که قادر به پشتیبانی از تگ iframe نمی باشد، پیغامی را نمایش دهید می توانید یک متن را داخل تگ iframe نیز قرار دهید. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از کاربرد تگ iframe در Html می باشد:
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<html>
<body>
<iframe src="https://seoraz.com">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
|
خصوصیت های تگ iframe در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left right top middle bottom |
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی تگ iframe را نسبت به عناصر دیگر مشخص نمایید. |
| frameborder | 1 0 |
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت نمایش حاشیه های اطراف تگ iframe را نیز مشخص می کند. |
| height | pixels | توسط این خصوصیت می توانید ارتفاع تگ iframe را تغییر دهید. |
| longdesc | URL | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید در باره ی محتویات iframe توضیحاتی بنویسید. |
| marginheight | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت می تواند حاشیه های بالا و پایین تگ iframe را مشخص کند. |
| marginwidth | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت می تواند حاشیه های راست و چپ تگ iframe را مشخص کند. |
| ame | text | با استفاده از این خصوصیت می توانید یک نام برای iframe داشته باشید. |
| sandbox | “” allow-forms allow-same-origin allow-scripts allow-top-navigation |
می توان توسط این خصوصیت محدودیت های اضافی را برای تگ iframe نیز قرار داد. پشتیبانی از Html5 |
| scrolling | yes no auto |
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید نحوه نمایش یک scrollbar را نیز مشخص نمایید. |
| seamless | seamless | برای آنکه تگ iframe مشابه آن قسمت از محتویات سند دیده شود از این خصوصیت استفاده می شود. پشتیبانی از Html5 |
| src | URL | توسط این خصوصیت می توانید آدرس سندی را که می خواهیم با استفاده از تگ iframe نمایش دهیم را به کار ببریم. |
| srcdoc | HTML_code | توسط این خصوصیت محتویات html صفحه ای که می خواهیم نمایش دهیم را می توانیم نمایش دهیم. پشتیبانی از Html5 |
| width | pixels | توسط این خصوصیت می توانید عرض یک iframe را در صفحه فعلی که می خواهید نمایش دهید را مشخص کنید. |
تگ iframe تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ iframe در Html:
تمامی مرور گر ها را پشتیبانی می کند.